@charset "utf-8";
/*盒模型*/
.flex{display: flex;display: -webkit-flex;}
.justify-content-between{justify-content:space-between;-webkit-justify-content:space-between}
.justify-content-center{justify-content:center;-webkit-justify-content:center;}
.align-items-center{align-items:center;-webkit-align-items: center; }
/*开篇动画*/
.loading-page {  position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: #fff;  }
.loading-page .counter h1 {  color: #2196f3;  font-size: 40px; text-align: center; font-weight: 300;}
.loading-page .counter {position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%) }
.loaded  .loading-page {opacity: 0;transition: all 0s ease-out;display: none;}
.loader {
    margin: 0 auto;  border-top: 6px solid rgba(200, 200, 200, 0.1);  border-right: 6px solid rgba(200, 200, 200, 0.1);
    border-bottom: 6px solid rgba(200, 200, 200, 0.1);  border-left: 6px solid #2196f3;  -webkit-animation: rotatae 1.1s infinite linear;  animation: rotatae 1.1s infinite linear;
}
 .loader, .loader:after {  border-radius: 50%;  height: 120px;  width: 120px;  }
/*开篇动画*/
.box{max-width: 640px;margin:0 auto;width: 100%;}
img{width: 100%;display: block;}
.box img{width: 100%;display: block;}
/*时间*/
.timer{height: 35px;background: #2196f3;border-radius: 5px;box-sizing: border-box;margin-top: 5px;padding-top: 5px;color: #fff;}
.black{line-height: 25px;}
.black span{background-color: #333;padding: 1px 3px;border-radius: 3px;margin: 0 3px;font-size: 16px;}
/*music*/
.music,#icon{width:32px;height:32px;}
.music{position: fixed;left:10px;top:30px;background:#333;border-radius: 50%;z-index: 100;}
@keyframes rotatae {0%{  transform:rotate(0deg);  } 100%{transform:rotate(360deg);} }
#icon{background:url('../images/indexIco.png') no-repeat center;}
.play {animation:  rotatae 3s infinite linear;  }
/*报名人数*/
.tit-con{background: url("../images/cloud.jpg");background-size: 100% 100%;margin:8px 0px;height: 40px;line-height: 40px;}
.tit-warp-main{width:86%;margin:0 auto;}
.tit-con .tit-warp-main span{padding-left: 12px;}
.tit-warp .tit-warp-main span em{font-style: normal;color: #ff664f;}
#wrapper{color: #000; white-space: nowrap; overflow: hidden;width:100%;box-sizing: border-box;}
#inner li{ display:inline-block;padding: 0 8px;font-weight: 600;}
/*返回顶部*/
#toTop {display: none;text-decoration: none;position: fixed;bottom:40px;right: 10px;overflow: hidden;width: 40px;height: 40px;border: none;background: url(../images/back.png) no-repeat;background-size: 100% 100%;border-radius: 50%;}
/*底部*/
.bottom{width: 100%;line-height: 50px;text-align: center;font-size: 12px;}
/*右侧浮窗定位*/
.fixed{ position: fixed;  top: 50px;  right: 10px;  z-index: 2;  }
.fixed>div{  width: 37px;  height: 37px;  border-radius: 50%;  background: rgba(100,100,100,.7);  color: #fff;  text-align: center;  margin-bottom: 5px;  padding-top: 4px;  box-sizing: border-box;  }
.fixed>div p{transform: scale(.8);font-size: 12px;line-height: 14px;}
.fixed_show{  width: 100%;  height: 100%;  position: fixed;  z-index: 10;  top: 0;  left: 0;  background: rgba(47,47,47,.5);  display: none;  }
.schoolshow,.schoolshow1 {  width: 90%;  background: #fff;  border-radius: 10px;  position: absolute;  left: 5%;  top: 50%;  transform: translateY(-50%);  }
.schoolshow1{  height: 390px;  }
/*学校弹窗*/
.schooltit{  width: 100%;  height: 42px;  line-height: 42px;  font-size: 17px;  color: #0597e0;  text-align: center;border-bottom: 1px solid #dedede;  }
.schoolcont,.schoolcont1,.entercon{  width: 100%;  height: 253px;  overflow: auto;}
.schoolcont2{  width: 100%;  height: 253px;  overflow: auto; white-space: pre-line;}
.schoolcont2 p{padding: 10px; line-height: 20px;}
.schoolcont2 div{  width: 100%;  padding:10px;  color: #373739;  box-sizing: border-box;  line-height: 24px;  }
.schoolcont1{position: relative;overflow: visible;}
.fixed_show1 .schoolshow{overflow: visible;}
.schoolcont1 .erbg{padding: 15px;  border-radius: 5px;  box-sizing: border-box;border-bottom: 1px dotted #02a8fe;}
.schoolcont1 .close1{ width: 19px;height: 19px;position: absolute;top: -8px;right: -8px;border-radius: 50%;}
.active-dir{line-height: 22px;font-size: 16px;padding: 15px;}
.schoolcont li,.schoolclose,.pumpclose{height: 41px;  line-height: 41px;}
.schoolclose,.pumpclose{ background: #02a8fe;  text-align: center;  color: #fff;  }
.schoolcont li{  width: 96%;  font-size: 12px;  border-bottom:1px solid #dedede ;  margin:0 auto;  }
.schoolcont li span{  display: block;  width: 54%;  float: left;  text-indent: 8px;  }
.schoolcont li a{  display: block;  float: left;  position: relative;color: #000; padding: 0 3px; }
.schoolcont li a:before{content: "";position: absolute;width: 17.5px;height: 17.5px;background: url(../images/tel.png) no-repeat;background-size: 100% 100%;top: 11px;left: -18px;}
/*浮动的底部广告*/
.linkHref{position: fixed;bottom:0;left:50%;background: rgba(0,0,0,.6);height:35px;width: 100%;max-width:640px;transform: translateX(-50%);padding: 0px 10px;box-sizing:border-box}
.linkHref a {color:#fff;}
.linkHref img{width:20px;}
.linkHref span{padding-left: 5px;}
.linkHref span font{color: #FFB90F}
.linkHref #closeLink{font-style: normal;display: inline-block;width: 23px;height: 23px;border: 1px solid #fff;border-radius: 50%;position:relative;cursor: pointer;}
.linkHref #closeLink:before{left:11px;transform:rotate(43deg);}
.linkHref #closeLink:after{left:10px;transform:rotate(138deg);}
.linkHref #closeLink:before,.linkHref #closeLink:after{display:block;width:1px;height:17px;background:#fff;content:"";position:absolute;top:3px}



